<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="css/my.css" />
</head>
<body>
<div class="main">
	<!--header-->
	<div class="header">
		<div class="header_logo">
        	<h1>Portfolio</h1>
            <span>Free CSS Website Template</span>
        </div>
        <div class="header_info">
        	<h2>Morbi malesuada velit</h2>
            <p>This is a standards-compliant CSS template provided by <a href="#">www.888823.cn</a> for free of charge.</p>
        </div>
        <br class="clear" />
	</div>
    <!--header-end-->
    <!--nav-->
    <div class="nav">
    	<ul>
        	<li class="active"><a href="#"><span>home<small>start here</small></span></a></li>
            <li><a href="#"><span>portfolio<small>our work</small></span></a></li>
            <li><a href="#"><span>about<small>who we are</small></span></a></li>
            <li><a href="#"><span>contact<small>get in touch</small></span></a></li>
            <li><a href="#"><span>archives<small>see more</small></span></a></li>
        </ul>
    </div>
    <!--nav-end-->
    <!--container-->
	<div class="container">
    	<div class="container_left">
        	<h3>news & events</h3>
        	<h4>Aenean cursmaecenas</h4>
             <p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus. <a href="#">Read More</a></p>
        	<h4>Morbi est est</h4>
        	<p>Sed adipiscing ornare risus. Morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. Pellentesque egestas sem. Suspendisse commodo ullamcorper magna. <a href="#">Read More</a></p>
        	<h4>Dapibu dignissim</h4>
        	<p>Validate <a href="#">XHTML</a>and<a href="#">CSS</a> codes. Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis. <a href="#">Read More</a></p>
        
        </div>
        <div class="container_mid">
        	<h3>our portfolio</h3>
            <a href="#"><img src="images/templatemo_img_4.png" /></a>
        	<a href="#"><img src="images/templatemo_img_3.png" /></a>
            <a href="#"><img src="images/templatemo_img_2.png" /></a>
            <a href="#">View All</a>
        </div>
        <div class="container_right">
        	<h3>about us</h3>
            <img src="images/templatemo_img_1.png" />
            <p>Duis vitae velit sed dui malesuada dignissim. Donec mollis aliquet ligula. Maecenas adipiscing elementum ipsum. Pellentesque vitae magna. Sed nec est. Suspendisse a nibh tristique justo rhoncus volutpat.</p>
            <br class="clear" />
            <ul class="container_right_li">
                <li>Quisque in diam a justo condimentum</li>
                <li>Fusce urna tortor, consequat eu stie</li>
                <li>Download Free Website Templates</li>
            </ul>
            <div class="container_right_clients">
            	<h3>our clients</h3>
                <ul>
                  <li>
                      <a href="#">Kompani Linge</a>
                      <p>Pellentesque vitae magna. Sed nec est. </p>
                  </li>
                  <li>
                      <a href="#">Maecenas aliquam</a>
                      <p>Vestibulum auctor dapibus neque.</p>
                  </li>
                  <li>
                      <a href="#">Aenean eget torto</a>
                      <p>Integer vitae libero ac risus egestas placerat.</p>
                  </li>
                </ul>  
            </div>
        </div>
    	<br class="clear" />
    </div> 
    <!--container-end-->
</div>       
<!--footer-->
<div class="footer">
	<div class="footer_content">
    	<div class="footer_content_left">
        	<h4>privacy policy</h4>
            <p>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</p>
            <span> Copyright &copy; 2010 <a href="#">Your Company Name</a><br />Designed by<a href="#">www.865171.cn</a></span>
        </div>
    	<div class="footer_content_mid">
        	<h4>useful links</h4>
            <ul>
                <li><a href="#">Cras ornare tris tique</a></li>
              <li><a href="#">Vestibulum commodo felis</a></li>
              <li><a href="#">Vivamus vestibulum nulla </a></li>
              <li><a href="#">Ut aliquam sollicitudin</a></li>
              <li><a href="#">Praesent placerat risus</a></li>
            </ul>
            <ul>
              <li><a href="#">Cras iaculis ultricies</a></li>
              <li><a href="#">Fusce pellentesque sus</a></li>
              <li><a href="#">Sus risus nulla tique</a></li>
              <li><a href="#">Integer vitae libero</a></li>
              <li><a href="#">www.865171.cn</a></li>
            </ul>
            <br class="clear" />
        </div>
        <div class="footer_content_right">
        	<div class="footer_content_right_email">
            	<h5>Newsletter</h5>
                <span>Enter your email address below.</span>
                <p><label>Email:<input type="text" /></label><a href="#">subscribe</a></p>
            </div>
        </div>
        <br class="clear" />
    </div>
</div>
<!--footer-end-->
</body>
</html>
